<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"> 

<h:head>
<h:outputStylesheet library="css" name="bootstrap/css/bootstrap.css"/>
</h:head> 
<head>
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css"></link>
</head>

<body> 
	<!--<h:outputText value="#{offerManaged.jobofferid()}" />-->
	
	<div class="navbar  navbar-inverse">
  <div class="navbar-inner">
    <div class="container">
 	  
     
      <!-- Be sure to leave the brand out there if you want it shown -->
      <a class="brand" href="index.faces">ERP Solution Team </a>
 
      <!-- Everything you want hidden at 940px or less, place within here -->
      <div class="nav-collapse">
       
        <ul class="nav">
	  		<li class="active"><a href="index.faces">Home</a></li>
	 	 	<li><a href="#">News</a></li>
	  		<li><a href="#">About Us</a></li>
	  		<li><a href="#">Description</a></li>
	  		<li><a href="Presentation.faces">Presentations</a></li>
	  		<li><a href="#">Job offer</a></li>
	  		
		</ul>
		
		
      <form class="navbar-search pull-right">
 		 <input type="text" class="search-query" placeholder="Search"/>
		</form>
        <!-- .nav, .navbar-search, .navbar-form, etc -->
      </div>
 
    </div>
  </div>
</div>

<div style="margin-left: 25%;">
<table rules="rows" style="border:solid 2px #F0C300;"    class="table-striped table-condensed span9">
				<tr >
					<td colspan="2" style="background-color: #F0C300; "><h6>General Information</h6></td>
				</tr>
				<tr>
					  		<td style="background-color: #FFF48D; width: 30%;"><br/></td>
				 </tr>
				 <tr>
					<td style="background-color: #FFF48D">Date Of Filing:</td><td><h:outputText value="#{offerManaged.offerbyid.dateGive}" /></td>
				</tr>
				<tr>
					  		<td style="background-color: #FFF48D; width: 30%;"><br/></td>
				 </tr>
				 <tr>
					<td style="background-color: #FFF48D">End Date:</td><td><h:outputText value="#{offerManaged.offerbyid.dateSet}" /></td>
				</tr>
				<tr>
					  		<td style="background-color: #FFF48D; width: 30%;"><br/></td>
				 </tr>
				 <tr>
					<td style="background-color: #FFF48D">Sex:</td><td><h:outputText value="#{offerManaged.offerbyid.sexe}" /></td>
				</tr>
				<tr>
					  		<td style="background-color: #FFF48D; width: 30%;"><br/></td>
				 </tr>
				 <tr >
					<td colspan="2" style="background-color: #F0C300; "><h6>Function Definition</h6></td>
				</tr>
				<tr>
					  		<td style="background-color: #FFF48D; width: 30%;"><br/></td>
				 </tr>
				<tr>
					<td style="background-color: #FFF48D">Function:</td><td><h:outputText value="#{offerManaged.offerbyid.name}" /></td>
				</tr>
				<tr>
					  		<td style="background-color: #FFF48D"><br/></td>
				 </tr>
				<tr>
					<td style="background-color: #FFF48D">Contract Type:</td><td><h:outputText value="#{offerManaged.offerbyid.type}" /></td>
				</tr>
				<tr>
					  		<td style="background-color: #FFF48D"><br/></td>
				 </tr>
				<tr>
					<td style="background-color: #FFF48D">Formation Degrees:</td><td><h:outputText value="#{offerManaged.offerbyid.formationdegree}" /></td>
				</tr>
				<tr>
					  		<td style="background-color: #FFF48D"><br/></td>
				 </tr>
				<tr>
					<td style="background-color: #FFF48D">Function Description:</td><td><h:outputText value="#{offerManaged.offerbyid.profil}" /></td>
				</tr>
				<tr>
					  		<td style="background-color: #FFF48D"><br/></td>
				 </tr>
				<tr>
					<td style="background-color: #FFF48D">Competences:</td><td><h:outputText value="#{offerManaged.offerbyid.compet}" /></td>
				</tr>
				<tr>
					  		<td style="background-color: #FFF48D"><br/></td>
				 </tr>
				<tr>
					<td colspan="2" style="background-color: #F0C300;"><h6>Function Paid</h6></td>
				</tr>
				
				<tr>
					<td style="background-color: #FFF48D">Salary:</td><td><h:outputText value="#{offerManaged.offerbyid.salary}$" /></td>
				</tr>
				<tr>
					<td colspan="2" style="background-color: #F0C300;"><h6>Interested</h6></td>
				</tr>
				
				<tr>
					<td colspan="2" align="center" >
					<h:link value="Apply"  outcome="jshome" styleClass="btn btn-large span2 btn-success">
						<f:param name="offer2" value="#{offerManaged.offerbyid.idOffer}"></f:param>
					</h:link>
					<h:link value="Cancel"  outcome="index" styleClass="btn btn-large span2 btn-danger"/>
					</td>

				</tr>
			</table>
</div>
	<script type="text/javascript" language="javascript" src="jQ/jquery.js"></script>
		<script type="text/javascript" language="javascript" src="bootstrap/js/bootstrap.js"></script>
		<script type="text/javascript" language="javascript" src="jQ/index.js"></script>
</body> 
</html>
